import style from './index.module.scss';
import rule from '@/assets/images/annual-festival/rule.png';
import { ArrowLeft } from '@react-vant/icons';
// import { useEffect } from 'react';
const Index = ({ setShowPage }) => {
    // useEffect(() => {
    //     function preventScroll(event) {
    //         event.preventDefault();
    //         event.stopPropagation();
    //     }
    //     document.addEventListener('scroll', preventScroll);
    //     return () => {
    //         document.removeEventListener('scroll', preventScroll);
    //     };
    // }, []);
    return (
        <div className={style.questionWrapBox}>
            <div
                className={`${style.questionWrap} ${style.questionWrapRule}`}
                onClick={(e) => {
                    e.preventDefault();
                    e.stopPropagation();
                }}
            >
                <img src={rule} alt="图片" />
                <div className={style.btn_back} onClick={() => setShowPage(0)}>
                    <ArrowLeft fontSize={25} color="white" />
                </div>
                {/* <div className={style.content_box}>
        <div className={style.ruleDetail}>
          <p>1、本活动时间为 10月28-11月4日，截止到11月4日23:59:59。</p>
          <p>2、送出/收到专属万圣节专属礼物，1钻石对应1点捣蛋值。</p>
          <p>
            3、收糖果
            排行榜前三名即可获得额外钻石奖励+虚拟道具奖励，(额外奖励需满足最低捣蛋值要求，第一名最低51000捣蛋值，第二名最低26000捣蛋值，第三名最低16000
            捣蛋值达不到要求不予发放)。
          </p>
          <p>
            4、活动截止后如果送糖果/糖果/找糖果如果出现数值相同的情况，如第一名和第二名都是1000捣蛋值的情况，先到的为第一名，后到的为第二名。
          </p>
          <p>
            5、奖励发放时间将在活动结束后5个工作日发放，若奖励未到账，请请关注微信公众号「pupu找搭子」私聊进行领取;
          </p>
          <p>6、最终解释权归PUPU找搭子所有，该活动与苹果公司无关。</p>
        </div>
      </div> */}
            </div>
        </div>
    );
};

export default Index;
